﻿#{extends 'baseTemplate.html' /}
#{set title:'计划管理>计划执行情况录入'/}
#{set 'moreStyles'}
<style>
	.trackInfo {width:700px}
	.k-tabstrip-items, .k-state-active{border-color:grey}
	.gray {color:#999}
	tr{background-color:#fff}
	.space10{padding-left:5px;padding-right:5px;}
	.red{color:green}
	.toolbar{padding:5px;padding-top:0px; padding-left:0; margin-top:-15px}
	.toolbar a {display:inline-block;margin-right:5px;padding-left:8px;padding-right:8px;color:#fff;line-height:20px}
	.s{background:#46b8da;}
	.c{width:64px; text-align:center;}
</style>

<!-- 增加新的样式文件 -->
#{/set}
<!-- 页面主内容 -->
<div class="col-xs-12">
	<ol class="breadcrumb">
		<li><a href="javascript:void(0);return false;">计划管理</a></li>
		<li class='blue'>计划执行情况录入</li>
	</ol>
</div>
<div class="row space20" ng-controller="controller">
    <from class="form-horizontal" >
        <div class="form-group" style="margin-left:16px">
        	<div class="col-xs-2">
        		<div class="input-group dateWidth pull-left">
                    <input placeholder="开始年度" type="text" class="form-control p-0-10" datepicker-popup="yyyy-MM-dd" ng-model="startDate" is-open="startOpend" datepicker-options="dateOptions" ng-required="true" close-text="关闭" current-text="今天" close-text="关闭" />
                    <span class="input-group-btn">
                        <button type="button" class="btn btn-default" ng-click="openStartDatePicker($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                    </span>
                </div>
        	</div>
        	<span style="float:left;line-height:29px;margin-left:-6px; margin-right:-6px;">到</span>
        	<div class="col-xs-2">
        		<div class="input-group dateWidth pull-left">
                    <input placeholder="结束年度" type="text" class="form-control p-0-10" datepicker-popup ng-model="endDate" is-open="endOpend"  ng-required="true" close-text="关闭" current-text="今天" close-text="关闭"  />
                    <span class="input-group-btn">
                        <button type="button" class="btn btn-default" ng-click="openEndDatePicker($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                    </span>
                </div>
        	</div>
        	<!-- 计划名称-->
        	<div class="col-xs-2" style="width:180px">
        		<select class="col-xs-2 form-control" ng-model="condition.PlanCode">
        			<option ng-selected="''==condition.PlanCode" value="">请选择计划名称</options>
        			<option value="{{Plan.PlanCode}}" ng-selected="Plan.PlanCode==condition.PlanCode" ng-repeat="Plan in Plans">{{Plan.PlanName}}</options>
        		</select>
        	</div>
        	<div class="col-xs-2" style="width:180px">
        		<select class="col-xs-2 form-control" ng-model="condition.SourceCode">
        			<option ng-selected="''==condition.SourceCode" value="">请选择资金来源</options>
        			<option value="{{Source.SourceCode}}" ng-selected="Source.SourceCode==condition.SourceCode" ng-repeat="Source in Sources">{{Source.SourceName}}</options>
        		</select>
        	</div>
        	 <div class="col-xs-4" style="padding:0px;margin-left:-20px; width:300px">
	            <a class="btn btn-info pull-right" style="margin-left:20px" role="button" ng-click="exportToExcel()"><span class="glyphicon glyphicon-export" aria-hidden="true"></span>导出 </a>
	            <a class="btn btn-info pull-right" style="margin-left:20px" role="button"><span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>上报 </a>
	            <a class="btn btn-warning pull-right"  role="button" href="@{PlanningExecutionController.create()}"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span>添加 </a>
            </div>
        </div>
        <div class="form-group " style="margin-left:16px">
        	<div class="col-xs-2">
        		<select class="col-xs-2 form-control" ng-model="condition.ProjectSortCode">
        			<option ng-selected="''==condition.ProjectSortCode" value="">请选项目类别</options>
        			<option value="{{ProjectSort.ProjectSortCode}}" ng-selected="ProjectSort.ProjectSortCode==condition.ProjectSortCode" ng-repeat="ProjectSort in ProjectSorts">{{ProjectSort.ProjectSortName}}</options>
        		</select>
        	</div>
        	<div class="col-xs-2">
        		<div class="input-group"><input type="text" class="col-xs-2 form-control" placeholder="科目代码" ng-model="condition.SubjectCode"/>
        		<div class="btn input-group-addon btn-sm" ng-click="showSubjectCodeSelectDlg()"><i class="glyphicon glyphicon-search"></i></div></div>
        	</div>
        	<div class="col-xs-2" style="width:180px">
        		<div class="input-group"><input type="text" class="col-xs-2 form-control" placeholder="管理机构" ng-model="condition.ManagerCode"/>
        		<div class="btn input-group-addon btn-sm" ng-click="showManagerCodeSelectDlg()"><i class="glyphicon glyphicon-search"></i></div></div>
        	</div>
        	<div class="col-xs-2" style="width:180px">
        		<div class=""><input type="text" class="col-xs-3 form-control" placeholder="项目名称" ng-model="condition.ProjectName"/>
        		</div>
        	</div>
        	<div class="col-xs-4" style="width:295px"><button class="btn btn-warning btn-w90-h34 pull-right" ng-click="loadData()">搜索</button></div>
        </div>
    </from>
     <div id="loading"></div>
  	<div id="kendoGrid" kendo-grid="grid" options="options" k-data-source="dataSource">
  	</div>
</div>
				
#{set 'moreScripts'}
<!-- 增加新的脚本文件 -->
<script type="text/javascript" src="@{'/public/javascripts/controllers/PlanningExecutionController/list.js'}" charset="utf-8"></script>
#{/set}
